---
title: AstroサイトをKinstaのアプリケーションホスティングにデプロイする
description: KinstaのアプリケーションホスティングにAstroサイトをデプロイする方法。
type: deploy
i18nReady: true
---

[Kinstaのアプリケーションホスティング](https://kinsta.com/application-hosting/)を利用して、クラウドホスティング上でAstroサイトをホストできます。

## Astroプロジェクトの設定

### 静的ホスティング
:::tip[例をお探しですか？]
[Astroのための公式Kinstaアプリケーションホスティングスタータープロジェクト](https://github.com/kinsta/hello-world-astro)をチェックしてみてください！
:::

**Kinstaのアプリケーションホスティング**であなたのプロジェクトをホストするには、次のことが必要です。
- `package.json`に`name`フィールドを含めます。（これは何でもよく、デプロイには影響しません。）
- `package.json`に`build`スクリプトを含めます。（あなたのAstroプロジェクトは既にこれを含んでいるはずです。）
- [`serve`](https://www.npmjs.com/package/serve)パッケージをインストールし、`start`スクリプトを`serve dist/`に設定します。

以下は、`package.json`ファイルに必要な行です。
```json title="package.json" {2,5,6} ins={12} "serv dist/"
{
  "name": "anything", // これは必須ですが、値はなんでも良いです。
  "scripts": {
    "dev": "astro dev",
    "start": "serve dist/",
    "build": "astro build",
    "preview": "astro preview",
    "astro": "astro"
  },
  "dependencies": {
    "astro": "^2.2.0",
    "serve": "^14.0.1"
  },
}
```

### SSR
:::tip[例をお探しですか？]
[Astro SSRのための公式Kinstaアプリケーションホスティングスタータープロジェクト](https://github.com/kinsta/hello-world-astro-ssr)をチェックしてみてください！
:::

**Kinstaのアプリケーションホスティング**であなたのプロジェクトをホストするには、次のことが必要です。
- `package.json`に`name`フィールドを含めます。（これは何でもよく、デプロイには影響しません。）
- `package.json`に`build`スクリプトを含めます。（あなたのAstroプロジェクトは既にこれを含んでいるはずです。）
- [`astrojs/node`](https://www.npmjs.com/package/@astrojs/node)パッケージをインストールし、`start`スクリプトを`node ./dist/server/entry.mjs`に設定します。
- `astro.config.mjs`で`@astrojs/node`を使用し、`host: true`を使用するように設定します。

以下は、`package.json`ファイルに必要な行です。
```json title="package.json" {2,5,6} ins={12} "node ./dist/server/entry.mjs"
{
  "name": "anything", // これは必須ですが、値はなんでも良いです。
  "scripts": {
    "dev": "astro dev",
    "start": "node ./dist/server/entry.mjs",
    "build": "astro build",
    "preview": "astro preview",
    "astro": "astro"
  },
  "dependencies": {
    "astro": "^2.2.0",
    "@astrojs/node": "^5.1.1"
  },
}
```

以下は、`astro.config.mjs`ファイルに必要な行です。
```js title="astro.config.mjs"
  import { defineConfig } from 'astro/config';
  import node from "@astrojs/node";

  export default defineConfig({
    output: 'server',
    adapter: node({
      mode: "standalone"
    }),
    server: {
      host: true
    }
  });
```

## デプロイ方法
プロジェクトのGitHubリポジトリが接続されると、**MyKinsta管理パネル**でKinstaのアプリケーションホスティングへの手動デプロイをトリガーできます。また、管理パネルで自動デプロイを設定できます。

### 新しいKinstaアプリケーションの設定
1. [MyKinsta](https://my.kinsta.com/)管理パネルにアクセスします。
2. **アプリケーション**タブに移動します。
3. GitHubリポジトリを接続します。
4. **アプリケーション** > **アプリケーションを追加**ボタンを押します。
5. ウィザードの手順に従ってください。
6. アプリケーションがデプロイされます。
